<template>
  <app-echarts :options="options" height="500px"></app-echarts>
</template>
<script setup>
const options = computed(() => {
  const graph = {
    nodes: [
      {
        id: '0',
        name: 'Myriel',
        symbolSize: 19.12381,
        x: -266.82776,
        y: 299.6904,
        value: 28.685715,
        category: 0,
      },
      {
        id: '1',
        name: 'Napoleon',
        symbolSize: 2.6666666666666665,
        x: -418.08344,
        y: 446.8853,
        value: 4,
        category: 0,
      },
      {
        id: '2',
        name: 'MlleBaptistine',
        symbolSize: 6.323809333333333,
        x: -212.76357,
        y: 245.29176,
        value: 9.485714,
        category: 1,
      },
      {
        id: '3',
        name: 'MmeMagloire',
        symbolSize: 6.323809333333333,
        x: -242.82404,
        y: 235.26283,
        value: 9.485714,
        category: 1,
      },
      {
        id: '4',
        name: 'CountessDeLo',
        symbolSize: 2.6666666666666665,
        x: -379.30386,
        y: 429.06424,
        value: 4,
        category: 0,
      },
      {
        id: '5',
        name: 'Geborand',
        symbolSize: 2.6666666666666665,
        x: -417.26337,
        y: 406.03506,
        value: 4,
        category: 0,
      },
      {
        id: '6',
        name: 'Champtercier',
        symbolSize: 2.6666666666666665,
        x: -332.6012,
        y: 485.16974,
        value: 4,
        category: 0,
      },
      {
        id: '7',
        name: 'Cravatte',
        symbolSize: 2.6666666666666665,
        x: -382.69568,
        y: 475.09113,
        value: 4,
        category: 0,
      },
      {
        id: '8',
        name: 'Count',
        symbolSize: 2.6666666666666665,
        x: -320.384,
        y: 387.17325,
        value: 4,
        category: 0,
      },
      {
        id: '9',
        name: 'OldMan',
        symbolSize: 2.6666666666666665,
        x: -344.39832,
        y: 451.16772,
        value: 4,
        category: 0,
      },
      {
        id: '10',
        name: 'Labarre',
        symbolSize: 2.6666666666666665,
        x: -89.34107,
        y: 234.56128,
        value: 4,
        category: 1,
      },
      {
        id: '11',
        name: 'Valjean',
        symbolSize: 66.66666666666667,
        x: -87.93029,
        y: -6.8120565,
        value: 100,
        category: 1,
      },
      {
        id: '12',
        name: 'Marguerite',
        symbolSize: 4.495239333333333,
        x: -339.77908,
        y: -184.69139,
        value: 6.742859,
        category: 1,
      },
      {
        id: '13',
        name: 'MmeDeR',
        symbolSize: 2.6666666666666665,
        x: -194.31313,
        y: 178.55301,
        value: 4,
        category: 1,
      },
      {
        id: '14',
        name: 'Isabeau',
        symbolSize: 2.6666666666666665,
        x: -158.05168,
        y: 201.99768,
        value: 4,
        category: 1,
      },
      {
        id: '15',
        name: 'Gervais',
        symbolSize: 2.6666666666666665,
        x: -127.701546,
        y: 242.55057,
        value: 4,
        category: 1,
      },
      {
        id: '16',
        name: 'Tholomyes',
        symbolSize: 17.295237333333333,
        x: -385.2226,
        y: -393.5572,
        value: 25.942856,
        category: 2,
      },
      {
        id: '17',
        name: 'Listolier',
        symbolSize: 13.638097333333334,
        x: -516.55884,
        y: -393.98975,
        value: 20.457146,
        category: 2,
      },
      {
        id: '18',
        name: 'Fameuil',
        symbolSize: 13.638097333333334,
        x: -464.79382,
        y: -493.57944,
        value: 20.457146,
        category: 2,
      },
      {
        id: '19',
        name: 'Blacheville',
        symbolSize: 13.638097333333334,
        x: -515.1624,
        y: -456.9891,
        value: 20.457146,
        category: 2,
      },
      {
        id: '20',
        name: 'Favourite',
        symbolSize: 13.638097333333334,
        x: -408.12122,
        y: -464.5048,
        value: 20.457146,
        category: 2,
      },
      {
        id: '21',
        name: 'Dahlia',
        symbolSize: 13.638097333333334,
        x: -456.44113,
        y: -425.13303,
        value: 20.457146,
        category: 2,
      },
      {
        id: '22',
        name: 'Zephine',
        symbolSize: 13.638097333333334,
        x: -459.1107,
        y: -362.5133,
        value: 20.457146,
        category: 2,
      },
      {
        id: '23',
        name: 'Fantine',
        symbolSize: 28.266666666666666,
        x: -313.42786,
        y: -289.44803,
        value: 42.4,
        category: 2,
      },
      {
        id: '24',
        name: 'MmeThenardier',
        symbolSize: 20.95238266666667,
        x: 4.6313396,
        y: -273.8517,
        value: 31.428574,
        category: 7,
      },
      {
        id: '25',
        name: 'Thenardier',
        symbolSize: 30.095235333333335,
        x: 82.80825,
        y: -203.1144,
        value: 45.142853,
        category: 7,
      },
      {
        id: '26',
        name: 'Cosette',
        symbolSize: 20.95238266666667,
        x: 78.64646,
        y: -31.512747,
        value: 31.428574,
        category: 6,
      },
      {
        id: '27',
        name: 'Javert',
        symbolSize: 31.923806666666668,
        x: -81.46074,
        y: -204.20204,
        value: 47.88571,
        category: 7,
      },
      {
        id: '28',
        name: 'Fauchelevent',
        symbolSize: 8.152382000000001,
        x: -225.73984,
        y: 82.41631,
        value: 12.228573,
        category: 4,
      },
      {
        id: '29',
        name: 'Bamatabois',
        symbolSize: 15.466666666666667,
        x: -385.6842,
        y: -20.206686,
        value: 23.2,
        category: 3,
      },
      {
        id: '30',
        name: 'Perpetue',
        symbolSize: 4.495239333333333,
        x: -403.92447,
        y: -197.69823,
        value: 6.742859,
        category: 2,
      },
      {
        id: '31',
        name: 'Simplice',
        symbolSize: 8.152382000000001,
        x: -281.4253,
        y: -158.45137,
        value: 12.228573,
        category: 2,
      },
      {
        id: '32',
        name: 'Scaufflaire',
        symbolSize: 2.6666666666666665,
        x: -122.41348,
        y: 210.37503,
        value: 4,
        category: 1,
      },
      {
        id: '33',
        name: 'Woman1',
        symbolSize: 4.495239333333333,
        x: -234.6001,
        y: -113.15067,
        value: 6.742859,
        category: 1,
      },
      {
        id: '34',
        name: 'Judge',
        symbolSize: 11.809524666666666,
        x: -387.84915,
        y: 58.7059,
        value: 17.714287,
        category: 3,
      },
      {
        id: '35',
        name: 'Champmathieu',
        symbolSize: 11.809524666666666,
        x: -338.2307,
        y: 87.48405,
        value: 17.714287,
        category: 3,
      },
      {
        id: '36',
        name: 'Brevet',
        symbolSize: 11.809524666666666,
        x: -453.26874,
        y: 58.94648,
        value: 17.714287,
        category: 3,
      },
      {
        id: '37',
        name: 'Chenildieu',
        symbolSize: 11.809524666666666,
        x: -386.44904,
        y: 140.05937,
        value: 17.714287,
        category: 3,
      },
      {
        id: '38',
        name: 'Cochepaille',
        symbolSize: 11.809524666666666,
        x: -446.7876,
        y: 123.38005,
        value: 17.714287,
        category: 3,
      },
      {
        id: '39',
        name: 'Pontmercy',
        symbolSize: 6.323809333333333,
        x: 336.49738,
        y: -269.55914,
        value: 9.485714,
        category: 6,
      },
      {
        id: '40',
        name: 'Boulatruelle',
        symbolSize: 2.6666666666666665,
        x: 29.187843,
        y: -460.13132,
        value: 4,
        category: 7,
      },
      {
        id: '41',
        name: 'Eponine',
        symbolSize: 20.95238266666667,
        x: 238.36697,
        y: -210.00926,
        value: 31.428574,
        category: 7,
      },
      {
        id: '42',
        name: 'Anzelma',
        symbolSize: 6.323809333333333,
        x: 189.69513,
        y: -346.50662,
        value: 9.485714,
        category: 7,
      },
      {
        id: '43',
        name: 'Woman2',
        symbolSize: 6.323809333333333,
        x: -187.00418,
        y: -145.02663,
        value: 9.485714,
        category: 6,
      },
      {
        id: '44',
        name: 'MotherInnocent',
        symbolSize: 4.495239333333333,
        x: -252.99521,
        y: 129.87549,
        value: 6.742859,
        category: 4,
      },
      {
        id: '45',
        name: 'Gribier',
        symbolSize: 2.6666666666666665,
        x: -296.07935,
        y: 163.11964,
        value: 4,
        category: 4,
      },
      {
        id: '46',
        name: 'Jondrette',
        symbolSize: 2.6666666666666665,
        x: 550.3201,
        y: 522.4031,
        value: 4,
        category: 5,
      },
      {
        id: '47',
        name: 'MmeBurgon',
        symbolSize: 4.495239333333333,
        x: 488.13535,
        y: 356.8573,
        value: 6.742859,
        category: 5,
      },
      {
        id: '48',
        name: 'Gavroche',
        symbolSize: 41.06667066666667,
        x: 387.89572,
        y: 110.462326,
        value: 61.600006,
        category: 8,
      },
      {
        id: '49',
        name: 'Gillenormand',
        symbolSize: 13.638097333333334,
        x: 126.4831,
        y: 68.10622,
        value: 20.457146,
        category: 6,
      },
      {
        id: '50',
        name: 'Magnon',
        symbolSize: 4.495239333333333,
        x: 127.07365,
        y: -113.05923,
        value: 6.742859,
        category: 6,
      },
      {
        id: '51',
        name: 'MlleGillenormand',
        symbolSize: 13.638097333333334,
        x: 162.63559,
        y: 117.6565,
        value: 20.457146,
        category: 6,
      },
      {
        id: '52',
        name: 'MmePontmercy',
        symbolSize: 4.495239333333333,
        x: 353.66415,
        y: -205.89165,
        value: 6.742859,
        category: 6,
      },
      {
        id: '53',
        name: 'MlleVaubois',
        symbolSize: 2.6666666666666665,
        x: 165.43939,
        y: 339.7736,
        value: 4,
        category: 6,
      },
      {
        id: '54',
        name: 'LtGillenormand',
        symbolSize: 8.152382000000001,
        x: 137.69348,
        y: 196.1069,
        value: 12.228573,
        category: 6,
      },
      {
        id: '55',
        name: 'Marius',
        symbolSize: 35.58095333333333,
        x: 206.44687,
        y: -13.805411,
        value: 53.37143,
        category: 6,
      },
      {
        id: '56',
        name: 'BaronessT',
        symbolSize: 4.495239333333333,
        x: 194.82993,
        y: 224.78036,
        value: 6.742859,
        category: 6,
      },
      {
        id: '57',
        name: 'Mabeuf',
        symbolSize: 20.95238266666667,
        x: 597.6618,
        y: 135.18481,
        value: 31.428574,
        category: 8,
      },
      {
        id: '58',
        name: 'Enjolras',
        symbolSize: 28.266666666666666,
        x: 355.78366,
        y: -74.882454,
        value: 42.4,
        category: 8,
      },
      {
        id: '59',
        name: 'Combeferre',
        symbolSize: 20.95238266666667,
        x: 515.2961,
        y: -46.167564,
        value: 31.428574,
        category: 8,
      },
      {
        id: '60',
        name: 'Prouvaire',
        symbolSize: 17.295237333333333,
        x: 614.29285,
        y: -69.3104,
        value: 25.942856,
        category: 8,
      },
      {
        id: '61',
        name: 'Feuilly',
        symbolSize: 20.95238266666667,
        x: 550.1917,
        y: -128.17537,
        value: 31.428574,
        category: 8,
      },
      {
        id: '62',
        name: 'Courfeyrac',
        symbolSize: 24.609526666666667,
        x: 436.17184,
        y: -12.7286825,
        value: 36.91429,
        category: 8,
      },
      {
        id: '63',
        name: 'Bahorel',
        symbolSize: 22.780953333333333,
        x: 602.55225,
        y: 16.421427,
        value: 34.17143,
        category: 8,
      },
      {
        id: '64',
        name: 'Bossuet',
        symbolSize: 24.609526666666667,
        x: 455.81955,
        y: -115.45826,
        value: 36.91429,
        category: 8,
      },
      {
        id: '65',
        name: 'Joly',
        symbolSize: 22.780953333333333,
        x: 516.40784,
        y: 47.242233,
        value: 34.17143,
        category: 8,
      },
      {
        id: '66',
        name: 'Grantaire',
        symbolSize: 19.12381,
        x: 646.4313,
        y: -151.06331,
        value: 28.685715,
        category: 8,
      },
      {
        id: '67',
        name: 'MotherPlutarch',
        symbolSize: 2.6666666666666665,
        x: 668.9568,
        y: 204.65488,
        value: 4,
        category: 8,
      },
      {
        id: '68',
        name: 'Gueulemer',
        symbolSize: 19.12381,
        x: 78.4799,
        y: -347.15146,
        value: 28.685715,
        category: 7,
      },
      {
        id: '69',
        name: 'Babet',
        symbolSize: 19.12381,
        x: 150.35959,
        y: -298.50797,
        value: 28.685715,
        category: 7,
      },
      {
        id: '70',
        name: 'Claquesous',
        symbolSize: 19.12381,
        x: 137.3717,
        y: -410.2809,
        value: 28.685715,
        category: 7,
      },
      {
        id: '71',
        name: 'Montparnasse',
        symbolSize: 17.295237333333333,
        x: 234.87747,
        y: -400.85983,
        value: 25.942856,
        category: 7,
      },
      {
        id: '72',
        name: 'Toussaint',
        symbolSize: 6.323809333333333,
        x: 40.942253,
        y: 113.78272,
        value: 9.485714,
        category: 1,
      },
      {
        id: '73',
        name: 'Child1',
        symbolSize: 4.495239333333333,
        x: 437.939,
        y: 291.58234,
        value: 6.742859,
        category: 8,
      },
      {
        id: '74',
        name: 'Child2',
        symbolSize: 4.495239333333333,
        x: 466.04922,
        y: 283.3606,
        value: 6.742859,
        category: 8,
      },
      {
        id: '75',
        name: 'Brujon',
        symbolSize: 13.638097333333334,
        x: 238.79364,
        y: -314.06345,
        value: 20.457146,
        category: 7,
      },
      {
        id: '76',
        name: 'MmeHucheloup',
        symbolSize: 13.638097333333334,
        x: 712.18353,
        y: 4.8131495,
        value: 20.457146,
        category: 8,
      },
    ],
    links: [
      {
        source: '1',
        target: '0',
      },
      {
        source: '2',
        target: '0',
      },
      {
        source: '3',
        target: '0',
      },
      {
        source: '3',
        target: '2',
      },
      {
        source: '4',
        target: '0',
      },
      {
        source: '5',
        target: '0',
      },
      {
        source: '6',
        target: '0',
      },
      {
        source: '7',
        target: '0',
      },
      {
        source: '8',
        target: '0',
      },
      {
        source: '9',
        target: '0',
      },
      {
        source: '11',
        target: '0',
      },
      {
        source: '11',
        target: '2',
      },
      {
        source: '11',
        target: '3',
      },
      {
        source: '11',
        target: '10',
      },
      {
        source: '12',
        target: '11',
      },
      {
        source: '13',
        target: '11',
      },
      {
        source: '14',
        target: '11',
      },
      {
        source: '15',
        target: '11',
      },
      {
        source: '17',
        target: '16',
      },
      {
        source: '18',
        target: '16',
      },
      {
        source: '18',
        target: '17',
      },
      {
        source: '19',
        target: '16',
      },
      {
        source: '19',
        target: '17',
      },
      {
        source: '19',
        target: '18',
      },
      {
        source: '20',
        target: '16',
      },
      {
        source: '20',
        target: '17',
      },
      {
        source: '20',
        target: '18',
      },
      {
        source: '20',
        target: '19',
      },
      {
        source: '21',
        target: '16',
      },
      {
        source: '21',
        target: '17',
      },
      {
        source: '21',
        target: '18',
      },
      {
        source: '21',
        target: '19',
      },
      {
        source: '21',
        target: '20',
      },
      {
        source: '22',
        target: '16',
      },
      {
        source: '22',
        target: '17',
      },
      {
        source: '22',
        target: '18',
      },
      {
        source: '22',
        target: '19',
      },
      {
        source: '22',
        target: '20',
      },
      {
        source: '22',
        target: '21',
      },
      {
        source: '23',
        target: '11',
      },
      {
        source: '23',
        target: '12',
      },
      {
        source: '23',
        target: '16',
      },
      {
        source: '23',
        target: '17',
      },
      {
        source: '23',
        target: '18',
      },
      {
        source: '23',
        target: '19',
      },
      {
        source: '23',
        target: '20',
      },
      {
        source: '23',
        target: '21',
      },
      {
        source: '23',
        target: '22',
      },
      {
        source: '24',
        target: '11',
      },
      {
        source: '24',
        target: '23',
      },
      {
        source: '25',
        target: '11',
      },
      {
        source: '25',
        target: '23',
      },
      {
        source: '25',
        target: '24',
      },
      {
        source: '26',
        target: '11',
      },
      {
        source: '26',
        target: '16',
      },
      {
        source: '26',
        target: '24',
      },
      {
        source: '26',
        target: '25',
      },
      {
        source: '27',
        target: '11',
      },
      {
        source: '27',
        target: '23',
      },
      {
        source: '27',
        target: '24',
      },
      {
        source: '27',
        target: '25',
      },
      {
        source: '27',
        target: '26',
      },
      {
        source: '28',
        target: '11',
      },
      {
        source: '28',
        target: '27',
      },
      {
        source: '29',
        target: '11',
      },
      {
        source: '29',
        target: '23',
      },
      {
        source: '29',
        target: '27',
      },
      {
        source: '30',
        target: '23',
      },
      {
        source: '31',
        target: '11',
      },
      {
        source: '31',
        target: '23',
      },
      {
        source: '31',
        target: '27',
      },
      {
        source: '31',
        target: '30',
      },
      {
        source: '32',
        target: '11',
      },
      {
        source: '33',
        target: '11',
      },
      {
        source: '33',
        target: '27',
      },
      {
        source: '34',
        target: '11',
      },
      {
        source: '34',
        target: '29',
      },
      {
        source: '35',
        target: '11',
      },
      {
        source: '35',
        target: '29',
      },
      {
        source: '35',
        target: '34',
      },
      {
        source: '36',
        target: '11',
      },
      {
        source: '36',
        target: '29',
      },
      {
        source: '36',
        target: '34',
      },
      {
        source: '36',
        target: '35',
      },
      {
        source: '37',
        target: '11',
      },
      {
        source: '37',
        target: '29',
      },
      {
        source: '37',
        target: '34',
      },
      {
        source: '37',
        target: '35',
      },
      {
        source: '37',
        target: '36',
      },
      {
        source: '38',
        target: '11',
      },
      {
        source: '38',
        target: '29',
      },
      {
        source: '38',
        target: '34',
      },
      {
        source: '38',
        target: '35',
      },
      {
        source: '38',
        target: '36',
      },
      {
        source: '38',
        target: '37',
      },
      {
        source: '39',
        target: '25',
      },
      {
        source: '40',
        target: '25',
      },
      {
        source: '41',
        target: '24',
      },
      {
        source: '41',
        target: '25',
      },
      {
        source: '42',
        target: '24',
      },
      {
        source: '42',
        target: '25',
      },
      {
        source: '42',
        target: '41',
      },
      {
        source: '43',
        target: '11',
      },
      {
        source: '43',
        target: '26',
      },
      {
        source: '43',
        target: '27',
      },
      {
        source: '44',
        target: '11',
      },
      {
        source: '44',
        target: '28',
      },
      {
        source: '45',
        target: '28',
      },
      {
        source: '47',
        target: '46',
      },
      {
        source: '48',
        target: '11',
      },
      {
        source: '48',
        target: '25',
      },
      {
        source: '48',
        target: '27',
      },
      {
        source: '48',
        target: '47',
      },
      {
        source: '49',
        target: '11',
      },
      {
        source: '49',
        target: '26',
      },
      {
        source: '50',
        target: '24',
      },
      {
        source: '50',
        target: '49',
      },
      {
        source: '51',
        target: '11',
      },
      {
        source: '51',
        target: '26',
      },
      {
        source: '51',
        target: '49',
      },
      {
        source: '52',
        target: '39',
      },
      {
        source: '52',
        target: '51',
      },
      {
        source: '53',
        target: '51',
      },
      {
        source: '54',
        target: '26',
      },
      {
        source: '54',
        target: '49',
      },
      {
        source: '54',
        target: '51',
      },
      {
        source: '55',
        target: '11',
      },
      {
        source: '55',
        target: '16',
      },
      {
        source: '55',
        target: '25',
      },
      {
        source: '55',
        target: '26',
      },
      {
        source: '55',
        target: '39',
      },
      {
        source: '55',
        target: '41',
      },
      {
        source: '55',
        target: '48',
      },
      {
        source: '55',
        target: '49',
      },
      {
        source: '55',
        target: '51',
      },
      {
        source: '55',
        target: '54',
      },
      {
        source: '56',
        target: '49',
      },
      {
        source: '56',
        target: '55',
      },
      {
        source: '57',
        target: '41',
      },
      {
        source: '57',
        target: '48',
      },
      {
        source: '57',
        target: '55',
      },
      {
        source: '58',
        target: '11',
      },
      {
        source: '58',
        target: '27',
      },
      {
        source: '58',
        target: '48',
      },
      {
        source: '58',
        target: '55',
      },
      {
        source: '58',
        target: '57',
      },
      {
        source: '59',
        target: '48',
      },
      {
        source: '59',
        target: '55',
      },
      {
        source: '59',
        target: '57',
      },
      {
        source: '59',
        target: '58',
      },
      {
        source: '60',
        target: '48',
      },
      {
        source: '60',
        target: '58',
      },
      {
        source: '60',
        target: '59',
      },
      {
        source: '61',
        target: '48',
      },
      {
        source: '61',
        target: '55',
      },
      {
        source: '61',
        target: '57',
      },
      {
        source: '61',
        target: '58',
      },
      {
        source: '61',
        target: '59',
      },
      {
        source: '61',
        target: '60',
      },
      {
        source: '62',
        target: '41',
      },
      {
        source: '62',
        target: '48',
      },
      {
        source: '62',
        target: '55',
      },
      {
        source: '62',
        target: '57',
      },
      {
        source: '62',
        target: '58',
      },
      {
        source: '62',
        target: '59',
      },
      {
        source: '62',
        target: '60',
      },
      {
        source: '62',
        target: '61',
      },
      {
        source: '63',
        target: '48',
      },
      {
        source: '63',
        target: '55',
      },
      {
        source: '63',
        target: '57',
      },
      {
        source: '63',
        target: '58',
      },
      {
        source: '63',
        target: '59',
      },
      {
        source: '63',
        target: '60',
      },
      {
        source: '63',
        target: '61',
      },
      {
        source: '63',
        target: '62',
      },
      {
        source: '64',
        target: '11',
      },
      {
        source: '64',
        target: '48',
      },
      {
        source: '64',
        target: '55',
      },
      {
        source: '64',
        target: '57',
      },
      {
        source: '64',
        target: '58',
      },
      {
        source: '64',
        target: '59',
      },
      {
        source: '64',
        target: '60',
      },
      {
        source: '64',
        target: '61',
      },
      {
        source: '64',
        target: '62',
      },
      {
        source: '64',
        target: '63',
      },
      {
        source: '65',
        target: '48',
      },
      {
        source: '65',
        target: '55',
      },
      {
        source: '65',
        target: '57',
      },
      {
        source: '65',
        target: '58',
      },
      {
        source: '65',
        target: '59',
      },
      {
        source: '65',
        target: '60',
      },
      {
        source: '65',
        target: '61',
      },
      {
        source: '65',
        target: '62',
      },
      {
        source: '65',
        target: '63',
      },
      {
        source: '65',
        target: '64',
      },
      {
        source: '66',
        target: '48',
      },
      {
        source: '66',
        target: '58',
      },
      {
        source: '66',
        target: '59',
      },
      {
        source: '66',
        target: '60',
      },
      {
        source: '66',
        target: '61',
      },
      {
        source: '66',
        target: '62',
      },
      {
        source: '66',
        target: '63',
      },
      {
        source: '66',
        target: '64',
      },
      {
        source: '66',
        target: '65',
      },
      {
        source: '67',
        target: '57',
      },
      {
        source: '68',
        target: '11',
      },
      {
        source: '68',
        target: '24',
      },
      {
        source: '68',
        target: '25',
      },
      {
        source: '68',
        target: '27',
      },
      {
        source: '68',
        target: '41',
      },
      {
        source: '68',
        target: '48',
      },
      {
        source: '69',
        target: '11',
      },
      {
        source: '69',
        target: '24',
      },
      {
        source: '69',
        target: '25',
      },
      {
        source: '69',
        target: '27',
      },
      {
        source: '69',
        target: '41',
      },
      {
        source: '69',
        target: '48',
      },
      {
        source: '69',
        target: '68',
      },
      {
        source: '70',
        target: '11',
      },
      {
        source: '70',
        target: '24',
      },
      {
        source: '70',
        target: '25',
      },
      {
        source: '70',
        target: '27',
      },
      {
        source: '70',
        target: '41',
      },
      {
        source: '70',
        target: '58',
      },
      {
        source: '70',
        target: '68',
      },
      {
        source: '70',
        target: '69',
      },
      {
        source: '71',
        target: '11',
      },
      {
        source: '71',
        target: '25',
      },
      {
        source: '71',
        target: '27',
      },
      {
        source: '71',
        target: '41',
      },
      {
        source: '71',
        target: '48',
      },
      {
        source: '71',
        target: '68',
      },
      {
        source: '71',
        target: '69',
      },
      {
        source: '71',
        target: '70',
      },
      {
        source: '72',
        target: '11',
      },
      {
        source: '72',
        target: '26',
      },
      {
        source: '72',
        target: '27',
      },
      {
        source: '73',
        target: '48',
      },
      {
        source: '74',
        target: '48',
      },
      {
        source: '74',
        target: '73',
      },
      {
        source: '75',
        target: '25',
      },
      {
        source: '75',
        target: '41',
      },
      {
        source: '75',
        target: '48',
      },
      {
        source: '75',
        target: '68',
      },
      {
        source: '75',
        target: '69',
      },
      {
        source: '75',
        target: '70',
      },
      {
        source: '75',
        target: '71',
      },
      {
        source: '76',
        target: '48',
      },
      {
        source: '76',
        target: '58',
      },
      {
        source: '76',
        target: '62',
      },
      {
        source: '76',
        target: '63',
      },
      {
        source: '76',
        target: '64',
      },
      {
        source: '76',
        target: '65',
      },
      {
        source: '76',
        target: '66',
      },
    ],
    categories: [
      {
        name: 'A',
      },
      {
        name: 'B',
      },
      {
        name: 'C',
      },
      {
        name: 'D',
      },
      {
        name: 'E',
      },
      {
        name: 'F',
      },
      {
        name: 'G',
      },
      {
        name: 'H',
      },
      {
        name: 'I',
      },
    ],
  }

  const option = {
    title: {
      text: 'Les Miserables',
      subtext: 'Default layout',
      top: 'bottom',
      left: 'right',
    },
    tooltip: {},
    legend: [
      {
        // selectedMode: 'single',
        data: graph.categories.map(function (a) {
          return a.name
        }),
      },
    ],
    animationDuration: 1500,
    animationEasingUpdate: 'quinticInOut',
    series: [
      {
        name: 'Les Miserables',
        type: 'graph',
        legendHoverLink: false,
        layout: 'none',
        data: graph.nodes,
        links: graph.links,
        categories: graph.categories,
        roam: true,
        label: {
          position: 'right',
          formatter: '{b}',
        },
        lineStyle: {
          color: 'source',
          curveness: 0.3,
        },
        emphasis: {
          focus: 'adjacency',
          lineStyle: {
            width: 10,
          },
        },
      },
    ],
  }

  return option
})
</script>
<style lang="scss" scoped></style>
